@charset "gb2312";

p{
	text-shadow:none;
	cursor:default;

	
}

#loginpanel .ui-controlgroup-controls{
	float:left;
}

#loginpanel .loginImg{
	width:60px;
	height:60px;
	background: url("../images/Face/96_10.bmp");
	background-size: 100% 100%;
	
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #c1e1f8;
-webkit-box-shadow:0 0 5px #c1e1f8;
-moz-box-shadow:0 0 5px #c1e1f8;
box-shadow:0 0 5px #c1e1f8;

}
.framehead{
height:30px;background-color:#ddd;width:100%;margin:0;padding:0;
}

.framehead_item_contacts{
 background:url(../images/Botton/ContactList.bmp) no-repeat 0 0;
height:30px; width:auto;float:left;min-width:30px;
}
.framehead_item_chatroom{
background:url(../images/Botton/ChatRoomList.bmp) no-repeat 0 0;
height:30px; width:auto;float:left;min-width:30px;
}
.framehead_item_news{
background:url(../images/Botton/CmsNews.bmp) no-repeat 0 0;
height:30px; width:auto;float:left;min-width:30px;
}
.head_hdec{

padding:10px 5px 0 35px;
}


#contactContainer .ui-collapsible-content{
padding:0px !important;	
}


.contact_myInfoPanel{
padding: 10px;
margin: 0 0 10px 0;


-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #666;
-webkit-box-shadow: 0 0 5px #C1E1F8;
-moz-box-shadow: 0 0 5px #c1e1f8;
box-shadow: 0 0 5px #C1E1F8;
background-color: #FFC;
}

.contact_main_div{
margin:0px;
padding:3px;
height:54px;
background-color:transparent;
cursor:default;
}

.contact_main_div:hover{
margin:0px;
padding:3px;
height:54px;
background-color:#c1e1f8;
cursor:default;
}

.contact_main_div_selected{
margin:0px;
padding:3px;
height:54px;
background-color:#fcebaa;
cursor:default;
}
.contact_img{
width:48px;
height:48px;
margin:3px 5px 3px 3px;
float:left;


-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #c1e1f8;
-webkit-box-shadow:0 0 5px #c1e1f8;
-moz-box-shadow:0 0 5px #c1e1f8;
box-shadow:0 0 5px #c1e1f8;

}
.contact_img_offline {
    -webkit-filter: grayscale(100%);

    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */

}
.contact_name{

display:block;
float:left;
color:black;
font-size:13px;
}
.contact_dec{

display:block;
float:left;
font-size:13px;
color:gray;
}




.contact_messages_main_div{
margin:0px;
padding:1px;
height:42px;
background-color: transparent;
cursor:default;

border-bottom:1px solid #ddd;
border-top:1px solid #FFF;
}

.contact_messages_main_div:hover{
margin:0px;
padding:1px;
height:42px;
background-color:#c1e1f8;
cursor:default;
}

.contact_messages_main_div_selected{
margin:0px;
padding:1px;
height:40px;
background-color:#fcebaa;
cursor:default;
}
.contact_messages_img_div{
width:40px;
height:40px;
margin:0px 5px 0px 0px;
float:left;


-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid #c1e1f8;
-webkit-box-shadow:0 0 10px #c1e1f8;
-moz-box-shadow:0 0 10px #c1e1f8;
box-shadow:0 0 10px #c1e1f8;
}
.contact_messages_contacname_div{

display:block;
float:left;
color:black;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
font-size-adjust:inherit;
text-shadow:0 0 10px #c1e1f8;
}
.contact_messages_msgdec_div{

display:block;
float:left;
font-size:13px;
color:gray;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
font-stretch:condensed;
margin-top: 8px;
}

.contact_messages_header{
margin:0px;
padding:0px;
width:100%;
height:30px;
}


.contact_messages_container{
margin:0px;
padding:0px;
width:100%;
height:300px;
background-color:transparent;
cursor:default;
}

.contact_message_container{
margin:0px;
padding:0px;
width:100%;
height:300px;
background-color:transparent;
cursor:default;
overflow-x:hidden !important;
overflow-y:auto !important;
}
.contact_send_message_div{
margin:0px;
padding:0px;
width:100%;
height:50px;
background-color:transparent;
cursor:default;
border-top:1px solid #F7C942;
}
.myContactMessageTxt{

}
.contactSendMessageBut{

}

.contact_message_main_div{
margin: 0px 0px 30px 0px;
padding:10px;
background-color:transparent;
cursor:default;
display:block;

}
.contact_message_date_div{
	
margin:0px;
padding:0px;
height:20px;
width:98%;
background-color:transparent;
cursor:default;
text-align:center;
text-shadow:0 0 5px #c1e1f8;
font-size:10px;
font-weight:normal; 
}
.contact_message_img_div{
width:32px;
height:32px;
margin-right:10px;
float:left;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #c1e1f8;
-webkit-box-shadow:0 0 5px #c1e1f8;
-moz-box-shadow:0 0 5px #c1e1f8;
box-shadow:0 0 5px #c1e1f8;
}
.contact_message_div{
	font-size:13px;
	background:#ffc  ;  
	min-width:50%;
max-width:75%;

max-height:64px;
float:left;

font-size:100%;  
font-weight:normal;  



-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #c1e1f8;

padding: 1em; 
/* Firefox */  
-moz-box-shadow: 5px 5px 7px rgba(33,33,33,1)  ; 
/* Safari+Chrome */  
-webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7)  ; 
/* Opera */  
box-shadow: 5px 5px 7px rgba(33,33,33,.7)  ;  

}


.contact_my_message_div{
	font-size:13px;
	background:#ccf  ;  
	min-width:50%;
max-width:75%;

max-height:64px;
float:right;

font-size:100%;  
font-weight:normal;  



-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #c1e1f8;

padding: 1em; 
/* Firefox */  
-moz-box-shadow: 5px 5px 7px rgba(33,33,33,1)  ; 
/* Safari+Chrome */  
-webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7)  ; 
/* Opera */  
box-shadow: 5px 5px 7px rgba(33,33,33,.7)  ;  

}








#room li{
border-bottom-width:0 !important;
border-top-width:0 !important;
}
.my_room_messages_panel{

margin:0;
padding:0;
overflow-y:auto;
}
.my_room_message_panel{
max-height:50px;
background-color:#eee;
margin-bottom:5px;
display:block;
}
.my_room_contact_img{
width:24px;
height:24px;
margin-right:5px;
}
.my_room_contact_name{
color:blue;
font-size:13px;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
margin-right:5px;
}
.my_room_message{
color:black;
font-size:12px;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
text-overflow:ellipsis;
max-height:50px;
}